<!DOCTYPE html>
<html lang="zh-CN">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>阿里百秀</title>
   <!-- 引入bootstrap样式文件 -->
   <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
   <link rel="stylesheet" href="./css/index.css">
   <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
   <div class="container">
      <div class="row">
         <header class="col-md-2">
            <div class="logo">
               <a href="#">
                  <img src="images/logo.png" alt="" class="d-none d-sm-block">
                  <span class="d-block d-sm-none">阿里百秀</span>
               </a>
            </div>
            <div class="nav1">
               <ul class="clearfix">
                  <li><a href="#"><span class="iconfont">&#xe621;</span>生活馆</a></li>
                  <li><a href="#"><span class="iconfont">&#xe624;</span>自然汇</a></li>
                  <li><a href="#"><span class="iconfont">&#xe625;</span>科技潮</a></li>
                  <li><a href="#"><span class="iconfont">&#xe626;</span>奇趣事</a></li>
                  <li><a href="#"><span class="iconfont">&#xe627;</span>美食节</a></li>
               </ul>
            </div>
         </header>
         <article class="col-md-7">
            <!-- 新闻模块 -->
            <div class="news">
               <ul>
                  <li>
                     <a href="#">
                        <img src="./upload/3.jpg" alt="">
                        <p>Apink</p>
                     </a>
                  </li>
                  <li>
                     <a href="#">
                        <img src="./upload/4.jpg" alt="">
                        <p>Apink</p>
                     </a>
                  </li>
                  <li>
                     <a href="#">
                        <img src="./upload/5.jpg" alt="">
                        <p>Apink</p>
                     </a>
                  </li>
                  <li>
                     <a href="#">
                        <img src="./upload/6.jpg" alt="">
                        <p>Apink</p>
                     </a>
                  </li>
                  <li>
                     <a href="#">
                        <img src="./upload/7.jpg" alt="">
                        <p>Apink</p>
                     </a>
                  </li>

               </ul>
            </div>
            <!-- 发表 -->
            <div class="publish">
               <div class="row">
                  <div class="col-sm-9">
                     <h3>出道前经历</h3>
                     <p class="text-secondary">alibaixiu 发布于 2023.7.12</p>
                     <p>乐团成员曾于2010年8月的CUBE Star
                        Party初亮相过，经纪公司于2011年2月11日第一次对外曝光了成员孙娜恩，并表示她可能将在将要出道的七人女子团体A
                        Pink中。</p>
                     <p class="text-secondary">2021年4月19日，发行十周年纪念单曲《Thank you》。</p>
                  </div>
                  <div class="col-sm-3 d-none d-sm-block">
                     <img src="./upload/3.jpg" alt="">
                  </div>
               </div>
               <div class="row">
                  <div class="col-sm-9">
                     <h3>出道前经历</h3>
                     <p class="text-secondary">alibaixiu 发布于 2023.7.12</p>
                     <p>乐团成员曾于2010年8月的CUBE Star
                        Party初亮相过，经纪公司于2011年2月11日第一次对外曝光了成员孙娜恩，并表示她可能将在将要出道的七人女子团体A
                        Pink中。</p>
                     <p class="text-secondary">2021年4月19日，发行十周年纪念单曲《Thank you》。</p>
                  </div>
                  <div class="col-sm-3 d-none d-sm-block">
                     <img src="./upload/3.jpg" alt="">
                  </div>
               </div>
               <div class="row">
                  <div class="col-sm-9">
                     <h3>出道前经历</h3>
                     <p class="text-secondary">alibaixiu 发布于 2023.7.12</p>
                     <p>乐团成员曾于2010年8月的CUBE Star
                        Party初亮相过，经纪公司于2011年2月11日第一次对外曝光了成员孙娜恩，并表示她可能将在将要出道的七人女子团体A
                        Pink中。</p>
                     <p class="text-secondary">2021年4月19日，发行十周年纪念单曲《Thank you》。</p>
                  </div>
                  <div class="col-sm-3 d-none d-sm-block">
                     <img src="./upload/3.jpg" alt="">
                  </div>
               </div>
               <div class="row">
                  <div class="col-sm-9">
                     <h3>出道前经历</h3>
                     <p class="text-secondary">alibaixiu 发布于 2023.7.12</p>
                     <p>乐团成员曾于2010年8月的CUBE Star
                        Party初亮相过，经纪公司于2011年2月11日第一次对外曝光了成员孙娜恩，并表示她可能将在将要出道的七人女子团体A
                        Pink中。</p>
                     <p class="text-secondary">2021年4月19日，发行十周年纪念单曲《Thank you》。</p>
                  </div>
                  <div class="col-sm-3 d-none d-sm-block">
                     <img src="./upload/3.jpg" alt="">
                  </div>
               </div>
               <div class="row">
                  <div class="col-sm-9">
                     <h3>出道前经历</h3>
                     <p class="text-secondary">alibaixiu 发布于 2023.7.12</p>
                     <p>乐团成员曾于2010年8月的CUBE Star
                        Party初亮相过，经纪公司于2011年2月11日第一次对外曝光了成员孙娜恩，并表示她可能将在将要出道的七人女子团体A
                        Pink中。</p>
                     <p class="text-secondary">2021年4月19日，发行十周年纪念单曲《Thank you》。</p>
                  </div>
                  <div class="col-sm-3 d-none d-sm-block">
                     <img src="./upload/3.jpg" alt="">
                  </div>
               </div>
               <div class="row">
                  <div class="col-sm-9">
                     <h3>出道前经历</h3>
                     <p class="text-secondary">alibaixiu 发布于 2023.7.12</p>
                     <p>乐团成员曾于2010年8月的CUBE Star
                        Party初亮相过，经纪公司于2011年2月11日第一次对外曝光了成员孙娜恩，并表示她可能将在将要出道的七人女子团体A
                        Pink中。</p>
                     <p class="text-secondary">2021年4月19日，发行十周年纪念单曲《Thank you》。</p>
                  </div>
                  <div class="col-sm-3 d-none d-sm-block">
                     <img src="./upload/3.jpg" alt="">
                  </div>
               </div>
            </div>
         </article>
         <aside class="col-md-3">
            <a href="#" class="banner">
               <img src="./upload/zgboke.jpg" alt="">
            </a>
            <a href="#" class="hot">
               <span class="btn btn-primary btn-sm">热搜</span>
               <h4 class="text-info">欢迎加入中国博客联盟</h4>
               <p class=".text-secondary">这里收录国内各个领域的优秀博客，是一个全人工编辑的开放式
                  博客联盟交流和展示的平台......
               </p>
            </a>
         </aside>
      </div>
   </div>
</body>

</html>